<template>
  <div>ProvideA-title:{{ title }}</div>
  <div>ProvideA-title2:{{ title2 }}</div>
  <div>ProvideA-title3:{{ title3?.title }}</div>
</template>

<script setup lang="ts">
import { inject } from 'vue'
import { titlekey, refTitleKey, reactiveTitleKey } from '../views/symbolKey'
// title得到的是string类型
const title = inject(titlekey)
const title2 = inject(refTitleKey)
const title3 = inject(reactiveTitleKey)
</script>

<style scoped lang="scss"></style>
